.slogan{
		box-sizing: border-box;
		height: 100vh;
		width: 100%;
		overflow-y: scroll;
		position: relative;
		.submit{
			box-sizing: border-box;
			position: absolute;
			bottom: 20rpx;
			z-index: 10;
			width: calc(100% - 40rpx);
			background-color: rgba(255, 255, 255, 0.5);
			padding: 10rpx;
			border-radius: 50rpx;
			.box{
				.content{
					background-color: #ee0d11;
					display: flex;
					height: 80rpx;
					border-radius: 50rpx;
					color: #fff;
					input{
						flex: 1;
						color: #000;
						height: 100%;
						padding-left: 20rpx;
						border-radius: 50rpx;
						background-color: #fff;
					}
					.btn{
						padding: 10rpx 30rpx 10rpx 10rpx;
						line-height: 60rpx;
						font-weight: bold;
						font-size: 36rpx;
					}
				}
			}
		}
	}
	
.slogan-bg{
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: -1;
	position: absolute;
}

.slogan-content{
			box-sizing: border-box;
			padding: 20rpx;
			position: relative;
			width: 100%;
			height: 100vh;
			display: flex;
			flex-direction: column;
			overflow-y: hidden;
			.header{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				.item{
					width: 160rpx;
					height: 160rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.envelope{
					width: 100rpx;
					height: 100rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.header-btn{
					width: 100%;
					margin-top: 26rpx;
					display: flex;
					justify-content: space-between;
					align-items: end;
				}
			}
			.ranking{
				z-index: 1;
				width: 100%;
				height: calc(100% - 740rpx);
				box-sizing: border-box;
				background-color: #fe5653;
				margin-top: 20rpx;
				border-radius: 15rpx;
				padding: 14rpx;
				box-shadow: 10rpx 10rpx 10px rgba(0,0,0,0.25);
				.box{
					width: 100%;
					height: 100%;
					background-color: #fffdf1;
					border-radius: 15rpx;
					overflow: hidden;
					display: flex;
					flex-direction: column;
				}
				.domain{
					display: flex;
					background-color: #fac581;
					border-radius: 15rpx 15rpx 30rpx 0;
					box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
					.nav{
						display: flex;
						background-color: #f2e3d0;
						border-radius: 15rpx 0 30rpx 0;
						position: relative;
						.tab{
							position: absolute;
							color: #fff;
							z-index: 2;
							width: 168rpx;
							height: 64rpx;
							border-radius: 0 0 30rpx 0;
							background-color: #ff9602;
							transition: 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
						}
					}
					.search{
						display: flex;
						background-color: #f2e3d0;
						margin: 10rpx 20rpx;
						border-radius: 30rpx;
						padding-right: 10rpx;
						flex: 1;
						display: flex;
						.input{
							flex: 1;
							height: 100%;
							border-radius: 30rpx;
							background-color: #fff;
							padding-left: 10rpx;
							font-size: 20rpx;
						}
					}
					.radius{
						width: 168rpx;
						height: 64rpx;
						text-align: center;
						line-height: 64rpx;
						font-weight: bold;
						font-style: italic;
						border-radius: 15rpx 0 30rpx 0;
						color: #ff9602;
						transition: color 1s;
						a{
							position: relative;
							z-index: 3;
							font-weight: 500;
							text-decoration: none;
						}
					}
				}
				.content{
					flex: 1;
					padding: 15rpx 12rpx 10rpx;
					overflow: scroll;
					box-sizing: border-box;
					.sentence{
						display: flex;
						justify-content: space-between;
						align-items: center;
						background: linear-gradient(90deg, #fd5353, #d86838);
						padding: 6rpx 6rpx 0rpx 30rpx;
						color: #fff;
						font-size: 28rpx;
						border-radius: 30rpx;
						margin-top: 20rpx;
						.phrase{
							margin-top: -6rpx;
						}
						.vote{
							height: 56rpx;
							image{
								height: 100%;
							}
						}
					}
				}
			}
		}
	::v-deep ::-webkit-scrollbar {
			display: block !important;  
			width: 0rpx;
		}  
		::v-deep ::-webkit-scrollbar-thumb {  
			border-radius: 5rpx !important;  
			box-shadow: inset 0 0 1rpx rgba(0, 0, 0, 0) !important;  
			background-color: #fffdf1 !important;  
		}
